html,body {
    margin: 0;
    padding: 0;
}

.pagebox {
    position: relative;
}

@import url('https://fonts.font.im/css?tenantId=239101&viewType=1&v=1651197720000&family=Oswald'); a {
    text-decoration: none;
}

a:hover,a:active {
    text-decoration: none;
}

a:focus {
    text-decoration: none;
}

@font-face {
    font-family: DINCond-Black;
    src: url('/upload/font/思源黑体 CN RegularItalic.ttf?tenantId=239101&viewType=1&v=1651197720000') format('truetype');
}

body {
    font-family: "思源黑体 CN Regular",Arial,Helvetica,STHeiti;
}

body .e_title {
    font-family: "思源黑体 CN Regular",Arial,Helvetica,STHeiti;
}

.resetHtmlCssStyle p,.resetHtmlCssStyle div,.reset_style {
    font-family: "思源黑体 CN Regular",Arial,Helvetica,STHeiti;
}

.reset_style span {
    font-family: "思源黑体 CN Regular",Arial,Helvetica,STHeiti;
}

.reset_style span {
    font-family: "思源黑体 CN Regular",Arial,Helvetica,STHeiti !important;
}

@media only screen and (min-width: 769px) {
    .p_page .pre {
        display: inline-table;
        position: relative;
        left: 0;
        top: 0;
        float: left;
        height: 38px;
        margin: 0 5px 0 18px;
        text-align: center;
        padding: 0 10px;
        border-radius: 0px;
        border: 1px solid #ededed;
        background: #ededed;
        color: #333333;
    }

    .p_page .pre:active {
        background: #e60111;
        border-color: #e60111;
        color: #fff;
    }

    .p_page .pre:hover {
        color: #fff;
        background: #e60111;
        border-color: #e60111;
        cursor: pointer;
    }

    .p_page .next {
        display: inline-table;
        position: relative;
        left: 0;
        top: 0;
        float: left;
        height: 38px;
        border: 1px solid #ededed;
        background: #ededed;
        color: #333;
        text-align: center;
        padding: 0 10px;
        border-radius: 0px;
    }

    .p_page .next:active {
        background: #e60111;
        border-color: #e60111;
        color: #fff;
    }

    .p_page .next:hover {
        background: #e60111;
        border-color: #e60111;
        color: #fff;
        cursor: pointer;
    }

    .p_page .pageNum {
        position: relative;
        float: left;
        height: 38px;
        min-width: 38px;
        margin: 0 5px 0 0;
        padding: 0 5px;
        background-size: 100% 100%;
        color: #333;
        border: 1px solid #ededed;
        cursor: pointer;
        line-height: 38px;
        display: inline-block;
        font-family: inherit;
        font-size: 14px;
        font-weight: inherit;
        text-decoration: none;
        background-color: #ededed;
        text-align: center;
        border-radius: 0px;
    }

    .p_page .pageNum:active {
        color: #fff;
        text-decoration: none;
        background-color: #e60111;
        border-color: #e60111;
    }

    .p_page .pageNum:hover {
        color: #fff;
        border-color: #e60111;
        cursor: pointer;
        text-decoration: none;
        background-color: #e60111;
    }

    .p_page .pageNum.active {
        text-decoration: none;
        background-color: #e60111;
        color: #fff;
        border-color: #e60111;
    }
}

@media only screen and (max-width: 768px) {
    #p_CaptchasBox img {
        vertical-align:middle;
        border: 0;
        width: 30% !important;
    }
}

@media screen and (max-width: 768px) {
    .p_pagebox .NumBox {
        display: none !important;
    }

    .p_pagebox {
        width: 100%;
        text-align: center;
    }

    .p_pagebox .js_pageBtnDisable, .p_pagebox .js_pageBtnDisable:hover, .p_pagebox .js_pageBtnDisable:active {
        background: #f5f5f5 !important;
        border-color: #d9d9d9 !important;
        color: #bfbfbf !important;
        cursor: default;
    }

    .p_pagebox .js_pageBtnDisable .iconfont {
        color: #ddd !important;
    }

    .p_pagebox .js_pageBtnDisable:hover .iconfont {
        color: #bfbfbf !important;
    }

    .p_pagebox .pre {
        width: 48%;
        margin-right: 2%;
        background-color: #333f47;
        transform: scale(0.9);
    }

    .p_pagebox .pre:hover {
        color: rgba(255, 255, 255, 1);
        border-color: #e60111;
        background-color: #e60111;
        cursor: pointer;
    }

    .p_pagebox .pre:active {
        background-color: #e60111;
    }

    .p_pagebox .next {
        transform: scale(0.9);
        width: 48%;
        margin-left: 2%;
        background-color: #333f47;
    }

    .p_pagebox .next:hover {
        background-color: #e60111;
    }

    .p_pagebox .next:active {
        background-color: #e60111;
    }
}

::-webkit-scrollbar {
    width: 9px;
    background-color: #fff;
}

::-webkit-scrollbar-thumb {
    border: solid 2px #fff;
    width: 5px;
    border-radius: 4px;
    background-color: #383f4b;
}

::-webkit-scrollbar-corner {
    background-color: #fff;
}

::-webkit-scrollbar:horizontal {
    height: 9px;
}

::-webkit-selection {
    background: #383f4b;
    color: #fff;
}

::-moz-selection {
    background: #383f4b;
    color: #fff;
}

::selection {
    background: #383f4b;
    color: #fff;
}

@keyframes circleProgressLoad_right {
    0% {
        transform: rotate(45deg);
    }

    50%, 100% {
        transform: rotate(225deg);
    }
}

@keyframes circleProgressLoad_left {
    0%, 50% {
        transform: rotate(45deg);
    }

    100% {
        transform: rotate(225deg);
    }
}

@-webkit-keyframes to100vh {
    0% {
        width: 0
    }

    100% {
        width: 100vw
    }
}

@keyframes to100vh {
    0% {
        width: 0
    }

    100% {
        width: 100vw
    }
}

@-webkit-keyframes colorSlide {
    0% {
        height: 0;
    }

    90% {
        height: 40px;
    }
}

@keyframes colorSlide {
    0% {
        height: 0;
    }

    90% {
        height: 40px;
    }
}

@-webkit-keyframes trackBallSlide {
    0% {
        opacity: 1;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        -webkit-transform: scale(1) translateY(-8px);
        transform: scale(1) translateY(-8px);
    }

    34% {
        opacity: 1;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        -webkit-transform: scale(0.9) translateY(4px);
        transform: scale(0.9) translateY(4px);
    }

    68% {
        opacity: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        -webkit-transform: scale(0.4) translateY(16px);
        transform: scale(0.4) translateY(16px);
    }

    100% {
        opacity: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        -webkit-transform: scale(0.4) translateY(-8px);
        transform: scale(0.4) translateY(-8px);
    }
}

@keyframes trackBallSlide {
    0% {
        opacity: 1;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        -webkit-transform: scale(1) translateY(-8px);
        transform: scale(1) translateY(-8px);
    }

    34% {
        opacity: 1;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        -webkit-transform: scale(0.9) translateY(4px);
        transform: scale(0.9) translateY(4px);
    }

    68% {
        opacity: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        -webkit-transform: scale(0.4) translateY(16px);
        transform: scale(0.4) translateY(16px);
    }

    100% {
        opacity: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        -webkit-transform: scale(0.4) translateY(-8px);
        transform: scale(0.4) translateY(-8px);
    }
}

@-webkit-keyframes nudgeMouse {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes nudgeMouse {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
